%dark {
    $color-a: #1c2024;
    $color-b: #25272c;
    $color-c: #efefef;
    $color-d: #ffd250;
    color: $color-c;
	background-color: $color-a;
	&:after {
		content: '';
        position: fixed;
        height: 100vh;
        width: 100%;
        z-index: -1;
		background-color: $color-a;
	}
	// 登陆页
	&.login {
		background-color: $color-b;
	}
	&.page {
		&:after {
			background-color: $color-b;
		}
		background-color: $color-b;
	}
	// 按钮默认
	.m-button{
		color: $color-b;
		background-color: #ffffff;
	}
	
	// 主要
	.main-bg{
		color: $color-a;
		background-color: $color-d
	}
	// 浅色背景
	.light-bg{
		color: $color-c;
		background-color: $color-a + 10;
	}
	
	// 标题背景
	.title-bg {
	    background-color: $color-b;
	}
	
	// 标题下方间隔线
	.title-bg.u-border-bottom:after {
	    border-color: $color-a;
	}
	
	// 模型背景
	.cu-modal {
	    .cu-dialog {
	        color: $color-c;
	        background-color: $color-b;
	    }
	}
	
	// 验证码输入框
	.m-message-input {
	    .u-char-item {
	        color: $color-d;
	        border-color: $color-d;
	        .u-placeholder-line {
	            background-color: $color-c;
	        }
	        .u-bottom-line {
	            background-color: $color-d;
	        }
	    }
	}
	
	//加载中的modal
	.my-load {
	    .cu-load {
	        background-color: $color-b;
	        .text {
	            color: $color-c;
	        }
	    }
	    .load-modal::after {
	        border-left: 3px solid $color-d;
	        background-color: $color-b;
	    }
	}
	
	//卡片颜色
	.cu-card {
	    .cu-item {
	        background-color: $color-b;
	    }
	}
	
	//选择器
	.u-select {
	    background-color: $color-b;
	    color: $color-c;
	    .select-picker-view {
	        background: linear-gradient(180deg, rgba($color: $color-b, $alpha: 0.95), rgba($color: $color-b, $alpha: 0.6)),
	            linear-gradient(0deg, rgba($color: $color-b, $alpha: 0.95), rgba($color: $color-b, $alpha: 0.6));
	        background-position: top, bottom;
	        background-size: 100% 102px;
	        background-repeat: no-repeat;
	    }
		.select-picker-indicator:after {
		    border-bottom: 1px solid $color-a;
		}
		.select-picker-indicator:before {
		    border-top: 1px solid $color-a;
		}
	} 
	
	// 开关
	.u-switch {
		// @extend .light-bg;
	    background-color: $color-a + 10;
	    .node-class {
			background-color: $color-d
	    }
	}
	.u-switch--on {
		background-color: $color-d;
	    .node-class {
			background-color: $color-a + 10;
	    }
	}
	
	// 标签卡
	.u-tabs {
	    .u-tabs-scroll-box {
	        color: $color-d - 10;
	        .u-tabs-item.select {
	            color: $color-d;
	        }
	        .u-scroll-bar {
	            background-color: $color-d;
	        }
	    }
	}
	// 底部菜单
	.bottom-menu{
		@extend .title-bg;
		.select{
			color: $color-d;
		}
	}
	
	// 底部输入框
	.bottom-input-bg{
		background-color: $color-a + 10;
	}
}


.theme-dark{
	@extend %dark;
}